Міністерство освіти і науки України
Українська академія друкарства
ЗВІТ
з лабораторної роботи №1
на тему “Дослідження веб-ресурсів тестувально-навчаючих систем з ергономічної точки зору та виявлення типових помилок”
Мета: дослідити веб-ресурси тестувально-навчаючих систем та виявити ключові помилки UX-дизайну
Сайти які схожі за тематикою:
https://prometheus.org.ua/ Prometheus
https://moodle.uad.edu.ua/my/ Moodle
https://www.coursera.org/ Coursera
https://classroom.google.com/u/0/ Google Classroom
https://www.codecademy.com/ Codeacademy
Основні помилки UX-дизайну
Проаналізуємо перший веб-сайт Prometheus./
1.1 Ігнорування потреб цільової аудиторії
Як на мене, це правило тут не порушено. Дизайн підходить як для учнів\студентів, так і для викладачів та людей середньої вікової категорії, тобто якраз для тих, хто має намір активно щось вчити або викладати. Щодо зручності, подобається що верхня стрічка з пошуком та входом у особистий кабінет завжди присутня, тобто про комфорт користувача подбали. Сайт позиціонує себе як “Найкраща освіта для всіх”, тому зроблений доволі просто та зрозуміло, багато інформації на вітальній сторінці про сам сайт, його мету та ціль. Як користувачу, мені б хотілось познайомитись з ним краще, тому вважаю його хорошим прикладом для наслідування.
1.2 . Автовідтворення аудіо/відео
Такого на головній сторінці немає. Якщо брати окремі курси, на них завжди вказано чи є там відео\аудіо, і ввімкнути їх потрібно самотужки.
1.3 Надлишковість
Насправді на Prometheus все досить продумано. Вся важлива інформація розміщена на головній сторінці сайту, але в порядку важливості. Ця сторінка громіздка, але якщо вам потрібно щось конкретне ви не змушені перечитувати все, щоб знайти це. Стиль мінімалістичний, через це не важко знаходитись на сайті тривалий час, є яскраві акценти через що дивитись приємно.
1.4 Неправильні форми
Щодо валідації, є можливість зареєструватись або ввійти за допомогою Google аккаунту, або Facebook аккаунту, що дуже спрощує вхід. Питання прості та логічні. Користувач не потребуватиме більше ніж кілька хвилин на реєстрацію.
1.5 Проблеми авторизації/виходу
Авторизація проста, про це був минулий пункт. Щодо виходу з
профілю, все теж просто, потрібно обрати кнопку “Вийти”.
/
1.6 Мобільні пристрої
На мобільному пристрої трішки змінене розміщення елементів та вигляд, але все залишилось доступним та зручним. Має спеціальний мобільний додаток.
/
1.7 Правило 3-х кліків
Правило виконується, всі курси можна почати виконувати за цим правилом./
1.8 Відсутність інтуїтивності
Щодо попередніх скрінів, можна помітити що інтуїтивність присутня. Здебільшого, коли є якась важлива інформація або функція, кнопки підписані, якщо ж ні, символи дозволяють зрозуміти за що відповідають певні кнопки, як з пошуком у мобільній версії сайту.
1.9 Колірна гама
Є правило, що основних кольорів має бути до 3. Тут тенденція виконується, основні кольори - білий, синій та оранжевий. Кольори правильно поєднуються за колірною гамою, тому пункт виконаний.
1.10 Технічна оптимізація
Щодо завантаження сайту, то грузиться він швидко. Щоб перейти на інші вкладки достатньо секунди, так само і з завантаженням самого сайту. Проблеми немає.
Проаналізуємо веб-сайт Moodle.
/
1.1 Ігнорування потреб цільової аудиторії
Moodle - це вільна та відкрита платформа для управління
навчанням, яка дозволяє інститутам налаштовувати навчальні процеси
під свої потреби, що робить її дуже гнучкою для використання з
різними аудиторіями.
1.2 . Автовідтворення аудіо/відео
Сайт розрахований на поширення інформації тому є можливість завантаженого відео або посилання на це відео, відповідно автоматично воно не вмикається, отже, проблема відсутня.
1.3 Надлишковість Сайт у мінімалістичному стилі, та є часткове враження що дизайн не є закінченим. Щодо надлишковості, з правого боку занадто багато інформації якщо порівняти з іншими ділянками сайту, можливо для такого краще зробити окреме меню. Хоча, конкретна конфігурація може бути налаштована до...